import React from 'react'
import { useNavigate } from 'react-router-dom'
function Item({v}) {
    const nav=useNavigate()
    const tzxq=(id)=>{
        nav(`/xq/${id}`,{state:id})
    }
  return (
    <div>
      <dl onClick={()=>tzxq(v.id)}>
        <dt>
            <h2>{v.title}</h2>
            <h3>{v.title}</h3>
            <h3>{v.price}</h3>
            <h3>{v.date}</h3>
        </dt>
        <dd>
            <img src={v.image} alt="" style={{width:'150px',height:'150px'}}/>
        </dd>
      </dl>
    </div>
  )
}

export default Item
